---
title: Astro로 빌드하기
i18nReady: true
---

import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'

Astro 커뮤니티의 구성원은 여러 타사 도구 및 서비스를 Astro 웹 사이트에 성공적으로 통합했습니다!

다음은 Astro를 다양한 인기 CMS, 전자 상거래, 인증/권한 부여, 검색 및 댓글 기술과 연결할 수 있는 방법을 보여주는 커뮤니티의 일부 배포 사이트, 저장소, 블로그 게시물, 동영상입니다.

:::tip[특정 통합을 찾고 계신가요?]
새로운 [통합 라이브러리](https://astro.build/integrations/)를 확인하고 라이브러리에 [통합을 추가](/ko/reference/publish-to-npm/#통합-라이브러리)하는 방법을 알아보세요!
:::

## 배포 사이트

[Replicant Band](https://replicant.band/) - Astro / Hygraph / Snipcart / Tailwind

[Design Buddy](https://design-buddy.netlify.app/) - Astro / Tailwind / React / Cloudinary

[Spread Bagelry](https://spreadbagelry.com/) - Astro / Vue / Tailwind / Strapi CMS / Cloudinary

[My Workshops Live](https://myworkshops.live/) - Astro / Svelte / Firebase / Vonage / Web Speech API / reveal.js

[meizuflux](https://meizuflux.com/) - Astro / Hygraph

[Sarah Rainsberger](https://www.rainsberger.ca/) - Astro / GitHub Giscus (댓글)

[Astro 문서](https://github.com/withastro/docs) - 우리 문서는 Astro에서 Algolia 검색을 사용합니다!

[Elian Codes](https://www.elian.codes/) - Astro / Vercel / UnoCSS

[Hookdeck 웹사이트 및 문서](https://hookdeck.com/) - Astro / Vercel / Markdoc

## 블로그 게시물 / 동영상

[NavillusBlog](https://navillus.dev/blog/astro-plus-snipcart) - **게시물**: Astro + Snipcart 저장소 및 데모 사이트

[Cassidy Williams](https://www.netlify.com/blog/2021/07/23/build-a-modern-shopping-site-with-astro-and-serverless-functions/) - **게시물**: Astro 및 Storefront API를 사용하여 Shopify 스토어 빌드

[Learn With Jason](https://youtube.com/watch?v=FJOJmKFngLI) - **동영상**: Shopify Storefront API를 사용하여 Astro에서 사용자 정의 카트 빌드

[Front End Horse](https://www.youtube.com/watch?v=qFUfuDSLdxM) - **동영상**: Astro & Prismic으로 빌드

[Chris Bongers](https://www.youtube.com/watch?v=LU5utR5S6Bc) - **동영상**: Astro 웹사이트에 Typesense 검색 추가하기

[The Net Ninja](https://www.youtube.com/playlist?list=PL4cUxeGkcC9hZm9NYpd4G-jhoeEk0ls--) - **동영상**: Figma 및 Astro 정적 사이트 빌드

## 저장소 / 시작 템플릿

`create astro` 명령에 `--template` 인수를 전달하여 기존 github 리포지토리를 기반으로 새 astro 프로젝트를 시작할 수 있습니다.

<PackageManagerTabs>
  <Fragment slot="npm">
  ```shell
  npm create astro@latest -- --template <github-username>/<github-repo>
  ```
  </Fragment>
  <Fragment slot="pnpm">
  ```shell
  pnpm create astro@latest --template <github-username>/<github-repo>
  ```
  </Fragment>
  <Fragment slot="yarn">
  ```shell
  yarn create astro --template <github-username>/<github-repo>
  ```
  </Fragment>
</PackageManagerTabs>

[delucis/astro-netlify-cms](https://github.com/delucis/astro-netlify-cms) - Netlify CMS를 사용한 Astro 시작 템플릿

[PhilDL/astro-starter-ghost](https://github.com/PhilDL/astro-starter-ghost) - Ghost CMS 및 Astro를 사용하는 정적 블로그용 시작 템플릿

[p13rnd/centauri](https://github.com/p13rnd/centauri) - Astro 템플릿: Tailwind, Svelte, Supabase를 사용한 인증 포함

[datocms/datocms-astro-blog-demo](https://github.com/datocms/datocms-astro-blog-demo) - DatoCMS 블로그 스타터


:::tip
[Awesome Astro](https://github.com/one-aalam/awesome-astro#%E2%84%B9%EF%B8%8F-repositoriesstarter-kitscomponents)에서 Astro로 빌드된 더 많은 스타터 저장소 및 사이트의 예시를 확인하세요.
:::
